﻿@{
    ViewBag.Title = "Index";
}

<style>
    .header
    {
        border-bottom: 1px solid #404553;
        border-right: 1px solid #404553;
    }
</style>

<div class="fly-case-header">
    <p class="fly-case-year">2017</p>
    <a>
        <img class="fly-case-banner" src="~/lib/fly/images/case.png" alt="发现 Layui 年度最佳案例">
    </a>
    <div class="fly-case-btn">
        <a href="javascript:;" class="layui-btn layui-btn-big fly-case-active" data-type="push">提交案例</a>
        <a href="" class="layui-btn layui-btn-primary layui-btn-big">我的案例</a>

        <a href="http://fly.layui.com/jie/11996/" target="_blank" style="padding: 0 15px; text-decoration: underline">案例要求</a>
    </div>
</div>
<div class="fly-main" style="overflow: hidden;">
    <div class="fly-tab-border fly-case-tab">
        <span>
            <a href="" class="tab-this">2017年度</a>
            <a href="">2016年度</a>
        </span>
    </div>
    <div class="layui-tab layui-tab-brief" lay-filter="product">
        <ul class="layui-tab-title">
            <li lay-id="time" class="layui-this">按提交时间</li>
            <li lay-id="like">按点赞排行</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <ul class="fly-case-list">
                    @{
                        for (int i = 0; i < 8; i++)
                        {
                            <li data-id="123">
                                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                                    <img src="~/lib/fly/images/fly.jpg" />
                                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                                </a>
                                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区111</a></h2>
                                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
                                <div class="fly-case-info">
                                    <a href="/Community/UserCenter/Home" class="fly-case-user" target="_blank"><img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"></a>
                                    <p class="layui-elip" style="font-size: 12px;"><span style="color: #666;">贤心</span> 2017-11-30</p>
                                    <p>获得<a class="fly-case-nums fly-case-active" href="javascript:;" data-type="showPraise" style="padding: 0 5px; color: #01AAED;">666</a>个赞</p>
                                    <button class="layui-btn layui-btn-primary fly-case-active" data-type="praise">点赞</button>
                                    <!-- <button class="layui-btn  fly-case-active" data-type="praise">已赞</button> -->
                                </div>
                            </li>
                        }
                    }
                </ul>
            </div>

            <div class="layui-tab-item">
                <ul class="fly-case-list">
                    @{
                        for (int i = 0; i < 8; i++)
                        {
                            <li data-id="123">
                                <a class="fly-case-img" href="http://fly.layui.com/" target="_blank">
                                    <img src="~/lib/fly/images/fly.jpg" />
                                    <cite class="layui-btn layui-btn-primary layui-btn-small">去围观</cite>
                                </a>
                                <h2><a href="http://fly.layui.com/" target="_blank">Fly社区222</a></h2>
                                <p class="fly-case-desc">Fly 社区是 layui 的官方社区，全站的前端层面基于 Layui 风格编写，轻量而简洁，并且模版已经开源，可用于极简社区模板。</p>
                                <div class="fly-case-info">
                                    <a href="/Community/UserCenter/Home" class="fly-case-user" target="_blank"><img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"></a>
                                    <p class="layui-elip" style="font-size: 12px;"><span style="color: #666;">贤心</span> 2017-11-30</p>
                                    <p>获得<a class="fly-case-nums fly-case-active" href="javascript:;" data-type="showPraise" style="padding: 0 5px; color: #01AAED;">666</a>个赞</p>
                                    <button class="layui-btn layui-btn-primary fly-case-active" data-type="praise">点赞</button>
                                    <!-- <button class="layui-btn  fly-case-active" data-type="praise">已赞</button> -->
                                </div>
                            </li>
                        }
                    }
                </ul>
            </div>
        </div>
    </div>
    <!-- <blockquote class="layui-elem-quote layui-quote-nm">暂无数据</blockquote> -->
    <div style="text-align: center;">
        <div class="laypage-main">
            <span class="laypage-curr">1</span>
            <a href="">2</a><a href="">3</a>
            <a href="">4</a>
            <a href="">5</a>
            <span>…</span>
            <a href="" class="laypage-last" title="尾页">尾页</a>
            <a href="" class="laypage-next">下一页</a>
        </div>
    </div>
</div>

@Html.Partial("_JavaScriptSrc")

<script>
    layui.cache.page = 'product';
    layui.cache.user = {
        username: '游客'
        , uid: -1
        , avatar: '/lib/fly/images/img.jpg'
        , experience: 83
        , sex: '男'
    };
    layui.config({
        version: "3.0.0"
        , base: '/lib/fly/mods/'
    }).extend({
        fly: 'index'
    }).use('fly');
</script>

